<!DOCTYPE html>
<html>
	<head>
		<title>Argus: Status Map IPv4</title>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<meta charset="utf-8">
	<script type="text/javascript">
	window.onload = function(){   
		var canvas = document.getElementById("myCanvas");   
		var context = canvas.getContext("2d");   
		 
		var destX = 0;   
		var destY = 0;   
		var destWidth = 1440;   
		var destHeight = 800;
		document.getElementById("myCanvas").width = 1440;
		document.getElementById("myCanvas").height = 800;
		if (screen.height > 2000){
			destWidth = 2880;   
			destHeight = 1600;
			document.getElementById("myCanvas").width = 2880;
			document.getElementById("myCanvas").height = 1600;
		}
		else if (screen.height > 1000) {
			destWidth = 1905;   
			destHeight = 966;
			document.getElementById("myCanvas").width = 1900;
			document.getElementById("myCanvas").height = 940;
		}
		 
		var imageObj = new Image();   
		imageObj.onload = function(){   
			context.drawImage(imageObj, destX, destY, destWidth, destHeight);   
		};   
		imageObj.src = "/static/statusv4.png";   
	};
	</script>	

</head>
<body>
<canvas id="myCanvas" width="1920" height="1080">
</canvas>

</body>
</html>